<template>
	<view>
		<view class="detailedBox" v-for="(item,ind) in operationRecordList" :key="ind">
			<view class="detailedBoxItem">
				<view>
					<view>金额</view>
					<view>￥{{ item.OPT_AMOUNT }}</view>
				</view>
				<view>
					<view>转出账户类型</view>
					<view>{{ item.ACCOUNT_NAME }}</view>
				</view>
				<view>
					<view>转出会员编号</view>
					<view>{{ item.FROM_MEMBER_CODE }}</view>
				</view>
				<view>
					<view>转出顾客姓名</view>
					<view>{{ item.FROM_MEMBER_NAME }}</view>
				</view>
				<view>
					<view>{{ item.OPT_NAME==='转账支出' ? '转出金额':'转入金额' }}</view>
					<view>￥{{ item.OPT_AMOUNT }}</view>
				</view>
				<view>
					<view>转入顾客编号</view>
					<view>{{ item.TO_MEMBER_CODE }}</view>
				</view>
				<view>
					<view>转入顾客姓名</view>
					<view>{{ item.TO_MEMBER_NAME }}</view>
				</view>
				<view>
					<view>备注</view>
					<view>{{ item.FOR_MEMBER_MEMO }}</view>
				</view>
				<view>
					<view>{{ item.OPT_NAME==='转账支出' ? '转出时间':'转入时间' }}</view>
					<view>{{ item.OPT_TIME }}</view>
				</view>
			</view>		
		</view>
	</view>
</template>

<script>
	import {
		getTransferOutInquire
	} from '@/api/directSelling.js';
	export default {
		data() {
			return {
				operationRecordList:[]
			}
		},
		created() {
			this.getTransferOutInquire()
		},
		methods: {
			getTransferOutInquire(){
				getTransferOutInquire().then((res)=>{
					let data=res.data;
					this.operationRecordList=data;
				}).catch((err)=>{
					
				})
			}
		}
	}
</script>

<style lang="scss">
	body,
	page {
		background: #fff;
		padding: 20rpx 30rpx;
		box-sizing: border-box;
	}

	.detailedBox {
		width: 100%;
		height: auto;
		padding: 20rpx 30rpx;
		box-sizing: border-box;
		box-shadow: 0px 0px 10px #e6e6e6;
		border-radius: 21rpx;
		margin-bottom:40rpx;
		.detailedTotal {
			text-align: center;

			.amount {
				font-size: 56rpx;
				font-weight: bold;
				margin-top: 25rpx;
				margin-bottom: 20rpx;
			}
		}

		>view.detailedBoxItem>view {
			display: flex;
			justify-content: space-between;
			line-height: 45rpx;
			font-size: 30rpx;
			margin-top: 25rpx;
		}
	}
	.keepBnt {
		width: 690rpx;
		height: 86rpx;
		border-radius: 50rpx;
		text-align: center;
		line-height: 86rpx;
		margin: 50rpx auto;
		font-size: 32rpx;
		color: #fff;
	}
</style>
